<template>
  <table class="width100 text-center bg-white" border="1" cellspacing="0">
    <thead class="bg-yellow red header">
      <tr>
        <th class="font26">澳门近期死公式(点击放大)</th>
        <th class="font26">澳门近期死公式(点击放大)</th>
      </tr>
    </thead>
    <tbody>
      <tr class="img-container">
        <td>
          <img :src="img1" alt="near-death-formula" />
        </td>
        <td>
          <img :src="img2" alt="near-death-formula" />
        </td>
      </tr>
    </tbody>
  </table>
</template>
<script setup>
import img1 from "../../assets/home/11.jpg";
import img2 from "../../assets/home/22.jpg";
import { onMounted, reactive } from "vue";
const data = reactive({
    img1: img1,
    img2: img2
})
</script>
<style lang="less" scoped>
.header {
  padding: 5px 0;
}
.img-container img {
    width: 100%;
    max-height: 50rem;
}
</style>
